<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>ajax练习</title>
		<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script>
	</head>
	<body>
		<script>
			$.ajax({
				// 请求方式
				type:"get",
				//请求的地址
				url:"js/data.json",
				//请求数据 ,jason对象
				data:{
				    //如果没有参数，则不需要设置
				},
				//预期返回的数据类型，如果是json格式，在接收到返回值时会自动封装成json对象
				dataType:"json",
			    // 请求成功的时候调用的函数
				success:function(data){
					//data是形参名字，代表的是返回的数据
					console.log(data);
					//如果是json格式的文件返回的就是json格式，如果此时还要转换json.parse()那么就会报错，解决办法datatype
					//如果不是json格式的文件将字符串转换成json对象
					//var obj =json.parse(data);
					//创建ul 通过dom操作创建
					var ul =$("<ul></ul>")
					for(var i =0;i<data.length;i++){
						//得到数组中的每一个元素
						var user =data[i];
						//创建li元素
						var li ="<li>"+user.name+"<li>"
						//将li元素设置到ul元素中
						ul.append(li);
					}
					//将ul设置到body标签当中
					$("body").append(ul);
				}
			});
		</script>
	</body>
</html>
